import { component$ } from '@builder.io/qwik';
import Button from '~/components/ui/Button';
import Card, { CardBody, CardTitle } from '~/components/ui/Card';

export default component$(() => {
  return (
    <Card class="my-4">
      <CardTitle>Button</CardTitle>
      <CardBody>
        <div class="flex gap-2 my-4">
          <Button sizing="sm">sm</Button>
          <Button sizing="sm" varient="primary">
            sm
          </Button>
        </div>
        <div class="flex gap-2 my-4">
          <Button>Default</Button>
          <Button varient="primary">Default</Button>
        </div>
        <div class="flex gap-2 my-4">
          <Button sizing="lg">Large</Button>
          <Button sizing="lg" varient="primary">
            Large
          </Button>
        </div>
      </CardBody>
    </Card>
  );
});
